<template>
  <div>
    <q-card>
      <q-tabs
        v-model="tab"
        no-caps
        outside-arrows
        mobile-arrows
        class=" shadow-2"
      >
        <q-tab name="hot" label="热门" />
        <q-tab name="new" label="最新" />
      </q-tabs>

      <q-separator />

      <q-tab-panels v-model="tab" animated >
        <q-tab-panel name="hot">
          <div class="text-h6">热门文章</div>
        </q-tab-panel>

        <q-tab-panel name="new">
          <div class="text-h6">最新文章</div>
        </q-tab-panel>

      </q-tab-panels>
    </q-card>

  </div>
</template>

<script>
export default {
  name: 'lxl-recommend-list',
  data () {
    return {
      tab: 'hot'
    }
  }
}
</script>

<style scoped>

</style>
